<%@ page language="java" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>ystree/">
    <title>ajax tree</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<link rel="stylesheet" href="resource/css/ystreeface.css" />
	<script type="text/javascript" src="resource/js/ysframework.js"></script>
	<script type="text/javascript" src="resource/js/ystreeAjaxCtrl.js"></script>
	
	<script type="text/javascript">
	$(document).ready(function(){
		$("li").one("click",function(){
			 loadNode($(this));
		});
	});
	//loadNode();
	</script>
  </head>
  
  <body>
    <input id="nodeid">
    <input type="checkbox">
    <li>
    全国
    </li>
    <ul id="browser" class="filetree">
		<li><span class="folder">Folder 1</span>
			<ul>
				<li><span class="file">Item 1.1</span></li>
			</ul>
		</li>
		<li><span class="folder">Folder 2</span>
			<ul>
				<li><span class="folder">Subfolder 2.1</span>
					<ul id="folder21">
						<li><span class="file">File 2.1.1</span></li>
						<li><span class="file">File 2.1.2</span></li>
					</ul>
				</li>
				<li><span class="file">File 2.2</span></li>
			</ul>
		</li>
		<li class="closed"><span class="folder">Folder 3 (closed at start)</span>
			<ul>
				<li><span class="file">File 3.1</span></li>
			</ul>
		</li>
		<li><span class="file">File 4</span></li>
	</ul>
	
	<button id="add">Add!</button>
	
  </body>
</html>
